{template 'Public/head'}
<div id="main-page">
    <div class="wap">
        <div id="cardbox">
          <div class="cardbox">
            <div class="cardleft">
              <p class="cardname">洪崖洞棒棒糖1个</p>
              <p class="cardterm">永久有效</p>
              <p class="cardcode">核销码：1234567890</p>
            </div>
            <div class="cardright">未使用</div>
            <div class="cirt"></div>
            <div class="cirb"></div>
          </div>
        </div>
        <div class="card">
          <div class="cardclose">×</div>
          <div class="cardbox2">
            <div class="cardleft2">
              <p class="cardname2">洪崖洞棒棒糖1个</p>
              <p class="cardterm2">永久有效</p>
              <p class="cardcode2">核销码：1234567890</p>
            </div>
            <div class="cardright2">未使用</div>
            <div class="cirt2"></div>
            <div class="cirb2"></div>
          </div>
          <p class="tac">现场核销换取</p>
        </div>
        <div class="card-overlay"></div>
    </div>
    <script>
      $(function(){
        $('.cardright').on('click', function(){
          $('.card-overlay').fadeIn(50);
          $('.card').fadeIn(100);
        });

        $('.cardclose,.card-overlay').on('click', function(){
          $('.card-overlay').fadeOut(50);
          $('.card').fadeOut(100);
        });
      });
    </script>
</div>
{template 'Public/footer'}